<#assign module="driver"/>

<@override name="header">
    <link rel="stylesheet" href="${ctx}/assets/css/datepicker/datepicker.css">
    <link rel="stylesheet" href="${ctx}/assets/css/datetimepicker.css">
</@override>
<@override name="body">
    <div class="tabbable tabs-left">
        <div class="row">
            <div class="col-xs-12 col-md-10">
                <div class="orders-navt">
                    <ul class="orders-nav">
                        <@shiro.hasPermission name='servicePersonal'>
                            <li style="width:90px;"><a href="${ctx}/driver/list">服务人员</a></li>
                        </@shiro.hasPermission>
                        <@shiro.hasPermission name='drivergrade'>
                            <li style="width:110px;"><a href="${ctx}/drivergrade/list">服务人员等级</a></li>
                        </@shiro.hasPermission>
                        <@shiro.hasPermission name='driverapply'>
                            <li><a href="${ctx}/driverapply/list">申请</a></li>
                        </@shiro.hasPermission>
                        <@shiro.hasPermission name='callLog'>
                            <li class="orders-click" style="width:90px;"><a href="${ctx}/driver/recordlist" class="orders-click-a">通话记录</a></li>
                        </@shiro.hasPermission>
                        <@shiro.hasPermission name='notice'>
                            <li><a href="${ctx}/notice/list">通知</a></li>
                        </@shiro.hasPermission>
                        <@shiro.hasPermission name='announcement'>
                            <li style="width:90px;"><a href="${ctx}/driver/announcementList">公告</a></li>
                        </@shiro.hasPermission>
                        <@shiro.hasPermission name='drivermoney'>
                            <li style="width:90px;"><a href="${ctx}/driver/drivermoney">批量操作</a></li>
                        </@shiro.hasPermission>
                        <@shiro.hasPermission name='drivermoney'>
                            <li style="width:110px;"><a href="${ctx}/driver/driverReward">服务人员奖励</a></li>
                        </@shiro.hasPermission>
                        <@shiro.hasPermission name='driverenchashment'>
                            <li style="width:100px;"><a href="${ctx}/driverenchashment/list">申请提现</a></li>
                            <li style="width:120px;"><a href="${ctx}/driverRebateenchashment/extendList">申请提取推广奖励</a></li>
                        </@shiro.hasPermission>
                        <@shiro.hasPermission name='driverloginrecord'>
                            <li style="width:90px;"><a href="${ctx}/driver/loginlist">登录日志</a></li>
                        </@shiro.hasPermission>
                    </ul>
                </div>
            </div>

            <div class="col-xs-1">
            </div>
        </div>
    </div>
    <div class="tab-content">
        <div class="container-fluid ">
            <div class="row query-pad">
                <div class="col-xs-11" style="padding: 0px;">
                    <div class="form-group input-query">
                        <button id="delete_checked" type="button" class="btn btn-default"><i class="icon-trash"></i>&nbsp;删除选中记录
                        </button>
                        <span style="width:350px;"><input id="name" type="text" class="form-control" name="param"
                                                          value="" placeholder="输入服务人员姓名、服务人员电话、来电号码查询"></span>
                    </div>

                </div>
                <div class="col-xs-1" style="padding: 0px;">
                    <div class="input-query-bttom">
                        <button id="searchButton" type="button">查询</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--列表-->
    <div class="tabta-content">
        <table class="table table-condensed table-striped">
            <tbody>
            <tr>
                <th><input type="checkbox" id="checkAll"></th>
                <th style='min-width:120px;'>操作</th>
                <th style='min-width:120px;'>服务人员姓名</th>
                <th style='min-width:120px;'>服务人员电话</th>
                <th style='min-width:120px;'>客户号码</th>
                <th style='min-width:120px;'>客户姓名</th>
                <th style='min-width:120px;'>通话时间</th>
                <th style='min-width:120px;'>是否为本公司客户</th>
                <th style='min-width:120px;'>通话时长（秒）</th>
                <th style='min-width:120px;'>30分钟内是否有订单</th>
                <th style='min-width:120px;'>操作</th>
            </tr>
            </tbody>
        </table>
        <br>
        <div style="text-align:center" id="NoData"></div>
        </br>
        <ul class="pagination pull-left pagination-sm pageshow" id="pageshow" style="display:none;">
            <li><a></a></li>
        </ul>
        <ul class="pagination pull-left pagination-sm pagedata" id="pagedata" style="display:none;">
        </ul>
    </div>


</@override>



<@override name="footer">
    <script type="text/javascript">
        window.daijia = {
            ctx: '${ctx}',
            userId: '<@shiro.principal property='id'/>'
        };
    </script>
    <script src="${ctx}/assets/js/jquery.paging.min.js"></script>
    <script src="${ctx}/assets/js/pushmessage.js"></script>
    <script src="${ctx}/assets/js/datepicker.js"></script>
    <script src="${ctx}/assets/js/driver/recordlist.js"></script>
</@override>
<@extends name="../layout.ftl"/>